<style>
  .img-vip {
    height: 16px;
    margin-top: -24px;
    margin-right: -32px;
  }
</style>
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand waves-light" href="/">

      </a>

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">

        <li class="dropdown">
          <a href="#" class="dropdown-toggle avatar-a waves-light" data-toggle="dropdown" role="button"
            aria-haspopup="true" aria-expanded="false">
            {if condition='($groupData.group_name=="终身会员")'}
            <img src="/static/img/vip.png" class="img-vip">
            {/if}
            <img src="/Member/Avatar/{$userInfo.uid}/s" class="img-circle avatar-s">
            {//$userInfo.userNick}
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="/Profile/{$userInfo.uid}">个人主页</a></li>
            <li><a href="/Member/Setting">设置</a></li>
            {eq name="$userInfo.groupId" value="1"}
            <li><a href="/Admin">管理面板</a></li>
            {/eq}
            <li role="separator" class="divider"></li>
            <li><a href="/Member/LogOut">退出登录</a></li>
          </ul>
        </li>
        <li class="mobile-addition">
          <a href="/Share/My" role="button" aria-haspopup="true"><i class="fa fa-share-alt" aria-hidden="true"></i>
            我的分享</a>
        </li>
        <li class="mobile-addition">
          <a href="/Explore/Search" role="button" aria-haspopup="true"><i class="fa fa-search" aria-hidden="true"></i>
            搜索分享</a>
        </li>
        <!-- <li class="mobile-addition">
          <a href="/Home/Album" role="button" aria-haspopup="true" ><i class="fa fa-picture-o" aria-hidden="true"></i> 图片集</a>
        </li> -->
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!-- Modal -->
<div class="modal fade" id="upload_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" onclick="closeUpload()" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
          <span class="sr-only">Close</span>
        </button>
        <h4 class="modal-title" id="myModalLabel">上传文件</h4>
      </div>
      <div class="modal-body">
        <div class="row" style="margin-top: 20px;">
          <input type="hidden" id="domain" value="https://www.myshuju.net/">
          <input type="hidden" id="uptoken_url" value="uptoken">
          <div class="up_button col-md-4">

            <div id="container">

              <button class="btn btn-raised btn-info btn-lg upload_button waves-light" id="pickfiles">
                <i class="glyphicon glyphicon-plus"></i>
                <span id="up_text"></span>
              </button>
            </div>
          </div>
          <div style="display:none" id="success" class="indo col-md-8">
            <div class="alert alert-success">
              队列全部文件处理完毕
            </div>
          </div>
          <div class="col-md-12 " align="center">
            <div class="info_box" id="info_box">
              <br>
              <div class="drag_info">
                <span class="info_icon"><i class="glyphicon glyphicon-inbox"></i></span>
                <div class="info_text">拖动文件至此开始上传</div>
              </div>
            </div>
            <div class="upload_box" style="display:none;" id="upload_box">
              <table class="table table-striped table-hover text-left" style="display:none;">
                <thead>
                  <tr>
                    <th class="col-md-4">文件名</th>
                    <th class="col-md-2">大小</th>
                    <th class="col-md-6">进度</th>
                  </tr>
                </thead>
                <tbody id="fsUploadProgress">
                </tbody>
              </table>
            </div>
          </div>



          <div class="container" style="display: none;">

            <div class="body">

            </div>


          </div>

        </div>
        <div class="modal-footer">

        </div>
      </div>
    </div>
  </div>
</div>
<div class="col-md-2 s" id="side">
  <div class="list-group" id="b">
    <a href="/Home" class="list-group-item">
      <i class="fa fa-file" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 我的文件
    </a>
    <a href="/Share/My" class="list-group-item">
      <i class="fa fa-share-alt" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 我的分享
    </a>
    <a href="/Template" class="list-group-item">
      <i class="fa fa-clipboard" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 精选模板
    </a>
    <a href="/Explore/Search" class="list-group-item">
      <i class="fa fa-search" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 搜索分享
    </a>
    <a href="/Vip" class="list-group-item">
      <i class="fa fa-diamond" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 终身会员
    </a>
    <!-- <a href="/Home/Album" class="list-group-item">
           <i class="fa fa-picture-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 图片集
          </a>
          {eq name=':(explode(",",$groupData.aria2)[0] OR explode(",",$groupData.aria2)[1])' value="1"}
            <a href="/Home/Download" class="list-group-item">
           <i class="fa fa-cloud-download" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp; 离线下载
          </a>
            {/eq} -->
  </div>
  <div clss="usage" style="  visibility: visible;
          position: absolute;
          width: 100%;
          height: 100px;
          top: auto;
          bottom: 0px;
        
          background-color: #f9f9f9;padding: 15px">
    <div class="usage-title">容量使用：</div>
    <div class="usage-bar">
      <div class="progress progress-striped active">
        <div class="progress-bar" id="memory_bar"></div>
      </div>
    </div>
    <div class="usage-text"><span id="used">--</span>/<span id="total">--</span></div>
  </div>
</div>